
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>轮播</title>


    <link type="text/css" rel="stylesheet" href="轮播.css"/>    

    </head>

     

    <body>

        <!-- <p>轮播</p> -->

        <hr id="hr1"/>

        <!-- 建立一个div控件作为图片框 -->

        <div class="imgBox">

            <!-- alt：图片路径失败时替换显示内容 -->

            <!-- <img class="img-slide img" src="img/img1.jpg" alt="img1"> -->

            <img class="img-slide img" src="img/img2.jpg" alt="img2">

            <img class="img-slide img" src="img/img3.jpg" alt="img3">

            <img class="img-slide img" src="img/img4.jpg" alt="img4">

            <img class="img-slide img" src="img/img5.jpg" alt="img5">

        </div>
        <hr id="hr1"/>
    <p>图片间隔时间：1.5s</p>
    <p>图片来自游戏：时空中的绘旅人</p>
    </body>

     

    <script  src="轮播.js"></script>

     

</html>